<template>
  <div>
    <el-carousel :interval="1000" type="card" height="400px" style="margin-top: 50px">
      <el-carousel-item v-for="item in contents" :style="{backgroundColor:item.color,borderRadius:40+'px',textAlign:'center'}" >
        <h3>{{ item.title }}</h3>
      </el-carousel-item>
    </el-carousel>
  </div>

</template>

<script>
    export default {
        data(){
          return{
            contents:[
              {title: "系统介绍",color:"#48adff"},
              {title: "功能计划",color:"#7CD399"},
              {title: "技术架构",color:"#C88585"},
              {title: "开发环境",color:"#b8b970"}
            ]
          }


        }
    }
</script>


<style scoped>

</style>
